import React, { Suspense } from 'react'
import { useRoutes } from 'react-router-dom'
import routes from './router'
import AppHeader from './components/header'
import Footer from './components/footer'
// import { useAppSelector, useAppDispatch, shallowEqualApp } from './store'

function App() {
	return (
		<div className="App">
			<AppHeader />
			<Suspense fallback="">
				<div className="main">{useRoutes(routes)}</div>
			</Suspense>
			<Footer />
		</div>
	)
}

export default App
